<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>虚拟人口播系统</title>
    <link rel="shortcut icon" href="__CDN__/assets/img/favicon.ico"/>
    <link href="__CDN__/assets/css/frontend{$Think.config.app_debug?'':'.min'}.css?v={$Think.config.site.version|htmlentities}" rel="stylesheet">
    <!--<link href="__CDN__/assets/css/index.css" rel="stylesheet">-->
    <link href="__ADDON__/css/index.css" rel="stylesheet">
</head>

<body>

<div >
    <div class="container">
        <div class="row">
            <div class="bg-white col-md-8 text-center">
                <img id='avatar' class="img-responsive" src="__ADDON__/img/lisa-casual-sitting-transparent.png"/>
            </div>
            <div class="col-md-4">
                <ul class="nav nav-tabs">
                    <li role="presentation" class="active"><a href="#person" data-toggle="tab">虚拟形象</a></li>
                    <li role="presentation"><a href="#background" data-toggle="tab">背景</a></li>
                </ul>
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active person-container" id="person">
                        {volist name="persons" id="person"}
                        <img class="img-thumbnail img-lg avatar-thumbnail cursor-pointer" src="__ADDON__/img/{$person}-thumbnail.png" />
                         {/volist}
                    </div>
                    <div role="tabpanel" class="tab-pane" id="background">
                        <img class="img-thumbnail img-lg bg-thumbnail cursor-pointer" src="__ADDON__/img/white.png" />
                         <img class="img-thumbnail img-lg bg-thumbnail cursor-pointer" src="__ADDON__/img/transparent.png" />
                    </div>
                </div>
            </div>
            
        </div>
        <div class="mt-2">
            <div class="form-group">
                <label for="language" class="control-label col-xs-4 col-sm-2">选择语言:</label>
                <select class="form-control" name="language">
                    <option value="mandari">普通话</option>
                    <option value="mandari">东北话</option>
                    <option value="mandari">河南话</option>
                    <option value="mandari">陕西话</option>
                    <option value="mandari">上海话</option>
                    <option value="mandari">台湾腔</option>
                    <option value="mandari">粤语</option>
                </select>  
            </div>
            <div class="form-group">
                <label for="voice" class="control-label col-xs-4 col-sm-2">选择语音:</label>
                <select class="form-control" name="voice">
                    <option value="mandari">男声</option>
                    <option value="mandari">女声</option>
                    
                </select>  
            </div>
            <div class="form-group">
                <textarea class="form-control" rows="6" placeholder="请输入您要播报的台词"></textarea>  
            </div>
            <div class="form-group">
              <button type="submit" class="btn btn-primary btn-embossed">生成视频</button> 
            </div>
        </div>
    </div>
</div>

<div class="footer">
    <div class="container">
        <p>Copyright @ {$site.name|htmlentities} {:date('Y',time())} 版权所有 <a href="https://beian.miit.gov.cn" target="_blank">{$site.beian|htmlentities}</a></p>
    </div>
</div>
<script type="text/javascript" src="__CDN__/assets/libs/jquery/dist/jquery.min.js?v={$site.version}"></script>
<script type="text/javascript" src="__CDN__/assets/libs/bootstrap/dist/js/bootstrap.min.js?v={$site.version}"></script>
<!--<script type="text/javascript" src="__CDN__/assets/libs/fastadmin-layer/dist/layer.js?v={$site.version}"></script>-->
<!--<script type="text/javascript" src="__CDN__/assets/libs/art-template/dist/template-native.js?v={$site.version}"></script>-->

<script type="text/javascript" src="__ADDON__/js/common.js?v={$site.version}"></script>

</html>
